{% extends "_layouts/examples.html" %}
{% block title %}Hero / Horizontal rules{% endblock %}
{% block standalone_css %}patterns_all{% endblock %}

{% set is_paper = True %}
{% block content %}

<section class="p-section--hero">
    <div class="row--25-75">
        <div class="col">
            <div class="p-section--shallow">
                <h1>Enterprise Data Fabric<br class="u-hide--small" /> for rapid innovation at any scale</h1>
                <p class="p-heading--2">Data flows better with the right tools.</p>
            </div>
            <div class="p-section--shallow">
                <p>Canonical’s open source enterprise Data Fabric suite delivers better ROI across clouds. Engineered for the most critical workloads.</p>
            </div>
            <hr class="p-rule--muted" />
            <div class="p-media-container">
                <!-- p-media-container is used to provide a spacing between the rule and the button -->
                <a class="p-button--positive" href="#">Get in touch</a> <a href="#">Read the documentation</a>
            </div>
        </div>
    </div>
</section>
{% endblock %}
